
.iconfont { display: inline-block; width: 1em; height: 1em; line-height: 1; text-align: center; font-style: normal; -webkit-font-smoothing: antialiased; vertical-align: -0.26ex; }
.iconfont::before { font-family: symbols; }
.icon-book::before { content: ""; }
body, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0px; }
li, ol, ul { padding: 0px; }
a { transition: color 0.3s; text-decoration: none; color: inherit; }
a img { border: 0px; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; }
input, textarea { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; overflow: auto; padding: 0px; resize: none; color: inherit; border: 0px; background: 0px 0px; }
p { word-break: break-all; }
html { font-family: Helvetica, "PingFang SC", "Source Han Sans CN", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif; overflow-y: scroll; background: rgb(247, 246, 242); }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { font-size: 14px; line-height: 20px; overflow: hidden; width: 100vw; min-width: 990px; min-height: calc(100vh - 17px); color: rgb(62, 61, 67); -webkit-font-smoothing: antialiased; }
.header-nav .iconfont { font-size: 18px; margin: 0px 8px 0px 0px; }
.personal-sideBar .iconfont { font-size: 16px; }
.sideBar-group li.active .iconfont { font-weight: 400; }
[type="search"] { box-sizing: content-box; -webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button { width: 20px; height: 20px; margin-right: -2px; cursor: pointer; transition: background-color 0.15s; background: url("") center center / 20px 20px no-repeat rgb(166, 166, 166); -webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button:hover { background-color: rgb(62, 61, 67); }
input[type="search"]::-webkit-search-results-decoration { display: none; }
input:-webkit-autofill { background-color: transparent; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; }
input[disabled], input[readonly] { cursor: default; }
textarea[rows="5"] { height: 100px; }
textarea[rows="6"] { height: 120px; }
::-webkit-input-placeholder { font-size: 14px; line-height: inherit; transition: opacity 0.15s; color: rgb(166, 166, 166); }
:focus::-webkit-input-placeholder { opacity: 0.38; }
select { display: inline-block; height: 36px; margin: 0px; padding-right: 20px; vertical-align: middle; opacity: 0; border: 1px solid rgb(224, 222, 218); }
input[type="checkbox"] { position: absolute; clip: rect(0px 0px 0px 0px); }
input[type="radio"] { position: absolute; clip: rect(0px 0px 0px 0px); }
input:focus + label[for] { outline: -webkit-focus-ring-color auto 5px; }
.dn { display: none; }
.fl { float: left; }
.fr { float: right; }
.mr8 { margin-right: 8px; }
.qdp-button-icon .iconfont { vertical-align: top; }
.personal-mheader { font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; line-height: 42px; font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif; min-width: 1200px; height: 42px; color: rgb(255, 255, 255); background: rgb(62, 61, 67); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px; }
.mheader-wrapper { width: 1200px; height: 42px; margin: 0px auto; }
.mheader-logo { margin: 0px 12px 0px -10px; }
.mheader-logo-a { font-size: 0px; line-height: 42px; display: block; width: 93px; height: 36px; background: url("/qdp/img/mainHeader-logo@1x.0.2.png") 10px center no-repeat; }
.mheader-logo .mheader-arrow { right: 11px; }
.mheader-logo:hover .mheader-arrow { top: 17px; transform: rotateX(-180deg); }
.mheader-nav { font-size: 0px; color: rgb(224, 224, 224); }
.mheader-nav-li { font-size: 14px; display: inline-block; vertical-align: top; }
.mheader-nav-li:hover .mheader-nav-a { border-top: 3px solid rgb(191, 44, 36); background-color: rgb(43, 42, 46); }
.mheader-nav-a { line-height: 36px; display: block; padding: 0px 15px; transition: background-color 0.1s, border 0.1s; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }
.line { height: 24px; margin: 10px 0px 0px; opacity: 0.1; border-right: 1px solid rgb(255, 255, 255); }
.mheader-arrow { position: absolute; top: 50%; margin: -2px 0px 0px 4px; border-width: 4px; border-style: solid; border-color: rgb(204, 204, 204) transparent transparent; border-image: initial; }
.mheader-more .mheader-drop a { padding: 0px 10px; }
.mheader-more .mheader-nav-a { padding-right: 33px; }
.mheader-more:hover .mheader-arrow { top: 17px; transform: rotateX(-180deg); }
.mheader-login .mheader-nav-a { min-width: 77px; padding-right: 23px; }
.mheader-login .mheader-drop { min-width: 100px; }
.mheader-login .mheader-arrow { right: 9px; }
.mheader-login:hover .mheader-arrow { top: 17px; transform: rotateX(-180deg); }
.mheader-logout, .mheader-search, .mheader-shelf-a { padding: 0px 15px; }
.mheader-shelf-a .iconfont { font-size: 16px; margin: 0px 4px 0px 0px; }
.mheader-shelf-a:hover.mheader-nav-a { border-color: transparent; }
.mheader-drop { position: absolute; z-index: 10; display: none; width: 100%; background: rgb(43, 42, 46); }
.mheader-drop a { display: block; overflow: hidden; padding: 0px 15px; white-space: nowrap; text-overflow: ellipsis; }
.mheader-drop a:hover { background: rgb(30, 30, 33); }
.mheader-drop .active { background: rgb(30, 30, 33); }
.mheader-login, .mheader-logo, .mheader-more { position: relative; }
.mheader-login:hover .mheader-drop, .mheader-logo:hover .mheader-drop, .mheader-more:hover .mheader-drop { display: block; }
.mheader-search-input { line-height: normal; width: 150px; height: 26px; transition: border-color 0.2s; color: rgb(230, 230, 230); border-bottom: 1px solid rgb(170, 170, 170); outline: 0px; }
.mheader-search-input:focus { border-color: rgb(252, 252, 252); }
.mheader-search-label { display: inline-block; width: 17px; height: 17px; cursor: pointer; vertical-align: middle; background: url("") no-repeat, none; }
html { background: rgb(255, 255, 255); }
#leftimg { position: absolute; background-image: url("../images/bgleft.png"); z-index: -1; width: 140px; height: 400px; top: 20px; left: 0px; }
#rightimg { position: absolute; background-image: url("../images/bgright5.png"); z-index: -1; width: 185px; height: 500px; top: 20px; right: 0px; }
#main { background-color: rgb(249, 249, 249); min-width: 850px; width: 70%; min-height: 600px; height: auto; overflow: auto; margin: 50px auto 10px; border: 1px solid rgb(204, 204, 204); }
#directory { width: 30%; height: auto; float: left; min-height: 600px; text-align: center; font-family: 微软雅黑; font-size: 12px; }
#directory table { border: 1px dashed rgb(204, 204, 204); }
#directory table td { border: 1px dashed rgb(204, 204, 204); text-align: center; height: 20px; }
#directory td.title { text-align: center; width: 50px; }
#directory td.content { text-align: left; padding-left: 10px; }
#editor { width: 69.85%; height: auto; min-height: 600px; float: left; border-bottom: 1px solid rgb(204, 204, 204); }
#editor table td.menu { text-align: right; padding-right: 20px; height: 20px; }
#editor table td.menu a { font-family: 微软雅黑; font-size: 12px; color: rgb(102, 102, 102); }
#editor table td.menu a:link, #editor table td.menu a:visited { color: rgb(102, 102, 102); text-decoration: none; }
#editor table td.menu a:hover { color: rgb(255, 102, 0); text-decoration: none; }
#editor table tr.articledescribe { line-height: 40px; }
#editor table td { color: rgb(102, 102, 102); font-family: 微软雅黑; font-size: 12px; border-bottom: 1px dashed rgb(204, 204, 204); }
#editor table td.topic { height: 60px; padding-left: 20px; color: rgb(102, 102, 102); font-family: 微软雅黑; font-size: 22px; }
#editor table td.label { width: 12%; text-align: right; padding-right: 5px; border-right: 1px dashed rgb(204, 204, 204); }
#editor table td.content { width: 50%; text-align: center; padding-left: 5px; color: rgb(117, 0, 117); font-size: 13px; font-weight: bold; }
.contentimg { width: 50%; color: rgb(117, 0, 117); font-size: 13px; font-weight: bold; }
#editor table td.process { width: 5%; text-align: center; }
#editor table td.sortid { width: 6%; color: rgb(102, 102, 102); font-size: 12px; }
#editor table td.imagecontents { width: 15%; min-width: 100px; font-family: 微软雅黑; font-size: 13px; color: rgb(51, 51, 51); font-weight: normal; text-align: left; background-color: rgb(255, 255, 255); border-left: 1px dashed rgb(204, 204, 204); border-right: 1px dashed rgb(204, 204, 204); padding: 5px 0px; }
#editor table td.imagecontents { width: 65%; min-width: 500px; font-family: 微软雅黑; font-size: 13px; color: rgb(51, 51, 51); font-weight: normal; text-align: left; background-color: rgb(255, 255, 255); border-left: 1px dashed rgb(204, 204, 204); border-right: 1px dashed rgb(204, 204, 204); padding: 5px 0px; }
#editor input { color: rgb(102, 102, 102); font-family: 微软雅黑; font-size: 12px; }
a:link, a:visited { color: rgb(0, 153, 255); text-decoration: none; }
a:hover { color: rgb(255, 0, 0); text-decoration: none; }